<template>
    <div class="xm-like">
        <van-nav-bar title="我的点赞" />
        <div class="list-box">
            <XmListPage :url="url" :query="query" @onLoad="onLoad" />
        </div>
    </div>
</template>

<script>
import XmListPage from '@/components/XmListPage.vue'
import { COLLECT_LIST_API } from '@/constant/api'
export default {
  name: 'XmLike',
  components: {
    XmListPage
  },
  data () {
    return {
      url: COLLECT_LIST_API,
      query: {
        optType: 1,
        pageSize: 10,
        page: 1
      }
    }
  },
  methods: {
    onLoad () {
      this.query = { ...this.query, page: this.query.page + 1 }
    }
  }
}
</script>

<style lang="less" scoped>
.xm-like {
    height: 100%;
    display: flex;
    flex-direction: column;

    .list-box {
        flex: 1;
    }
}
</style>
